@charset "utf-8";

/*달력력 레이어*/
.delivery_schedule{position: relative;}
.delivery_schedule_lyr{position: absolute;top: 100%;left: 0px;background: #fff;border: 1px solid #e7e7e7;width: 100%;padding-bottom: 15px;z-index: 20;box-sizing: border-box;}
.delivery_schedule_lyr .lyr_tit{display: flex;justify-content: space-between;padding: 10px 20px;background: #edebeb;align-items: center;}
.delivery_schedule_lyr .lyr_tit h4{font-size: 16px;font-weight: 600;color: #000;;}
.delivery_schedule_lyr .lyr_tit div{width: 10px;height: 10px;background: url(../../img/custom/goods/ico-calendar-x.png)no-repeat center / 100%;cursor: pointer;}
.delivery_schedule_lyr .calendar_box{padding: 0 2px;}
.delivery_schedule_lyr .month_box{text-align: center;position: relative;margin: 19px 20px 13px ;line-height: 1;}
.delivery_schedule_lyr .month_box .before_month{position: absolute;left: 0;top: 2px;width: 7px;height: 12px;background: url(../../img/custom/goods/calendar_before.png)no-repeat center;;cursor: pointer;}
.delivery_schedule_lyr .month_box .after_month{position: absolute;right: 0;top: 2px;width: 7px;height: 12px;background: url(../../img/custom/goods/calendar_after.png)no-repeat center;cursor: pointer;}
/* .delivery_schedule_lyr .month_box .after_month.on{background: url(../../img/goods/view/calendar_after_on.png)no-repeat center;}
.delivery_schedule_lyr .month_box .before_month.on{background: url(../../img/goods/view/calendar_before_on.png)no-repeat center;} */
.delivery_schedule_lyr .month_box .current_month{font-size: 16px;font-weight: 600;}
.delivery_schedule_lyr table{width: 100%;text-align: center;font-size: 14px;font-weight:400;border-collapse: collapse;}
.delivery_schedule_lyr table th{color: #000;font-weight:400;font-size: 14px;padding-bottom: 4px;}
.delivery_schedule_lyr table td{color: #000;font-weight:400;font-size: 14px;padding: 8px 0 7px;cursor: pointer;}
.delivery_schedule_lyr table td.dis{color: #b4b4b4;cursor: default;}
.delivery_schedule_lyr table td.on{color: #fff;position: relative;}
.delivery_schedule_lyr table td.on::before{content: "";display: block;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 30px;height: 30px;border-radius: 50%;background: #816c5b;z-index: -1;}

/* 달력 datepicker ver */
.delivery_schedule_lyr .lyr_cont  {min-height: 210px;}
.delivery_schedule_lyr .lyr_cont .datepicker-container {}
.delivery_schedule_lyr .lyr_cont .datepicker-days {padding: 0; position: relative; padding-top: 48px;}
.delivery_schedule_lyr .lyr_cont .datepicker-days .table-condensed * {all: unset; box-sizing: border-box; font-family: 'Pretendard',Malgun Gothic,"맑은 고딕",AppleGothic,Dotum,"돋움",sans-serif;}

.delivery_schedule_lyr table.table-condensed {width: 100%;text-align: center;font-size: 14px;font-weight:400;border-collapse: collapse; display: table;}

.delivery_schedule_lyr .lyr_cont .datepicker-days .table-condensed thead {display: table-header-group; vertical-align: middle; unicode-bidi: isolate; border-color: inherit;}
.delivery_schedule_lyr .lyr_cont .datepicker-days .table-condensed thead tr:first-child {display: flex; align-items: center; justify-content: center; width: 100%; height: auto; position: absolute; left: 0; top: 0; height: 48px;}
.delivery_schedule_lyr .lyr_cont .datepicker-days .table-condensed thead tr:first-child th.picker-switch {font-size: 16px; font-weight: 600; padding-bottom: 0; padding-top: 3px;}
.delivery_schedule_lyr .lyr_cont .datepicker-days .table-condensed thead tr:first-child th.prev {position: absolute; left: 20px; top: 21px; width: 7px; height: 12px; background: url(../../img/custom/goods/calendar_before.png)no-repeat center; cursor: pointer;}
.delivery_schedule_lyr .lyr_cont .datepicker-days .table-condensed thead tr:first-child th.next {position: absolute; right: 20px; top: 21px; width: 7px; height: 12px; background: url(../../img/custom/goods/calendar_after.png) no-repeat center; cursor: pointer;}
.delivery_schedule_lyr .lyr_cont .datepicker-days .table-condensed thead tr {display: table-row; vertical-align: inherit; unicode-bidi: isolate; border-color: inherit;}
.delivery_schedule_lyr .lyr_cont .datepicker-days .table-condensed thead tr th {display: table-cell; vertical-align: inherit; font-weight: bold; text-align: -internal-center; unicode-bidi: isolate; color: #000; font-weight: 400; font-size: 14px; padding-bottom: 4px;}
.delivery_schedule_lyr .lyr_cont .datepicker-days .table-condensed tbody {display: table-row-group; vertical-align: middle; unicode-bidi: isolate; border-color: inherit;}
.delivery_schedule_lyr .lyr_cont .datepicker-days .table-condensed tbody tr {display: table-row; vertical-align: inherit; unicode-bidi: isolate; border-color: inherit;}
.delivery_schedule_lyr .lyr_cont .datepicker-days .table-condensed tbody tr td {display: table-cell; vertical-align: inherit; unicode-bidi: isolate; color: #000; font-weight: 400; font-size: 14px; padding: 8px 0 7px; cursor: pointer;}
.delivery_schedule_lyr .lyr_cont .datepicker-days .table-condensed tbody tr td.disabled {color: #b4b4b4; cursor: default;}
.delivery_schedule_lyr .lyr_cont .datepicker-days .table-condensed tbody tr td.today {color: #fff; position: relative;}
.delivery_schedule_lyr .lyr_cont .datepicker-days .table-condensed tbody tr td.today::before {all:unset; content: ""; display: block; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 30px; height: 30px; border-radius: 50%; background: #816c5b; z-index: -1;}


@media all and (min-width: 1025px) and (max-width: 1439px) {
    /*달력력 레이어*/
    .delivery_schedule_lyr{left: 0.0000vw;padding-bottom: 1.0309vw;}
    .delivery_schedule_lyr .lyr_tit{padding: 0.6873vw 1.3746vw;}
    .delivery_schedule_lyr .lyr_tit h4{font-size: 1.0997vw;}
    .delivery_schedule_lyr .lyr_tit div{width: 0.6873vw;height: 0.6873vw;}
    .delivery_schedule_lyr .calendar_box{padding: 0 0.1375vw;}
    .delivery_schedule_lyr .month_box{margin: 1.3058vw 1.3746vw 0.8935vw ;}
    .delivery_schedule_lyr .month_box .before_month{top: 0.1375vw;width: 0.4811vw;height: 0.8247vw;}
    .delivery_schedule_lyr .month_box .after_month{top: 0.1375vw;width: 0.4811vw;height: 0.8247vw;}

    .delivery_schedule_lyr .month_box .current_month{font-size: 1.0997vw;}
    .delivery_schedule_lyr table{font-size: 0.9622vw;}
    .delivery_schedule_lyr table th{font-size: 0.9622vw;padding-bottom: 0.2749vw;}
    .delivery_schedule_lyr table td{font-size: 0.9622vw;padding: 0.5498vw 0 0.4811vw;}
    .delivery_schedule_lyr table td.on::before{width: 2.0619vw;height: 2.0619vw;}
}
@media all and (max-width: 1024px) {
    .delivery_schedule_lyr{position: fixed;top:auto;bottom: 0;left: 0;width: 100%;height:auto;z-index: 100;display: block;border: 0;border-radius: 10px 10px 0 0;padding-bottom: 6px;max-height: 80%;/* overflow-y: scroll; */}
    .delivery_schedule_lyr .lyr_tit{background: #fff;;padding: 10px 20px 20px;border-bottom: 1px solid #e7e7e7;}
    .delivery_schedule_lyr .lyr_tit h4{font-size: 18px;}
    .delivery_schedule_lyr .lyr_tit .lyr_close{display: none;}
    .delivery_schedule_lyr .calendar_box{padding: 0 2px;}

    .delivery_schedule_lyr .month_box{text-align: center;position: relative;margin: 25px 20px 22px ;line-height: 1;}
    .delivery_schedule_lyr .month_box .before_month{position: absolute;left: 0;top: 2px;width: 10px;height: 18px;background: url(../../img/goods/view/calendar_before-mo.png)no-repeat center / 10px;;cursor: pointer;}
    .delivery_schedule_lyr .month_box .after_month{position: absolute;right: 0;top: 2px;width: 10px;height: 18px;background: url(../../img/goods/view/calendar_after-mo.png)no-repeat center / 10px;cursor: pointer;}
    .delivery_schedule_lyr .month_box .after_month.on{background: url(../../img/goods/view/calendar_after-on-mo.png)no-repeat center / 10px;}
    .delivery_schedule_lyr .month_box .before_month.on{background: url(../../img/goods/view/calendar_before-on-mo.png)no-repeat center / 10px;}
    .delivery_schedule_lyr .month_box .current_month{font-size: 18px;font-weight: 600;}

    .delivery_schedule_lyr table{width: 100%;text-align: center;font-size: 15px;font-weight:400;}
    .delivery_schedule_lyr table th{font-size: 15px;padding-bottom: 12px;}
    .delivery_schedule_lyr table td{font-size: 15px;padding: 14px 0;}
    .delivery_schedule_lyr table td.on{color: #fff;position: relative;}
    .delivery_schedule_lyr table td.on::before{content: "";display: block;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 40px;height: 40px;border-radius: 50%;background: #816c5b;z-index: -1;}

    /* datepicker */
    .delivery_schedule_lyr .lyr_cont .datepicker-days {padding-top: 65px;}
    .delivery_schedule_lyr .lyr_cont .datepicker-days .table-condensed{width: 100%;text-align: center;font-size: 15px;font-weight:400;}
    .delivery_schedule_lyr .lyr_cont .datepicker-days .table-condensed thead tr:nth-child(1) {height: 55px;}
    .delivery_schedule_lyr .lyr_cont .datepicker-days .table-condensed thead tr:nth-child(1) th.picker-switch {font-size: 18px; padding-top: 9px;}
    .delivery_schedule_lyr .lyr_cont .datepicker-days .table-condensed thead tr:first-child th.prev {width: 30px;height: 30px;background: url(../../img/custom/goods/calendar_before_mo.png) no-repeat center / 12px;left: 8px;top: 20px;}
    .delivery_schedule_lyr .lyr_cont .datepicker-days .table-condensed thead tr:first-child th.next {width: 30px;height: 30px;background: url(../../img/custom/goods/calendar_after_mo.png) no-repeat center / 12px;right: 8px;top: 20px;}
    .delivery_schedule_lyr .lyr_cont .datepicker-days .table-condensed thead tr:nth-child(2) th{font-size: 15px;padding-bottom: 12px;}
    .delivery_schedule_lyr .lyr_cont .datepicker-days .table-condensed tbody tr td{font-size: 15px;padding: 14px 0;}
    .delivery_schedule_lyr .lyr_cont .datepicker-days .table-condensed tbody tr td.today{color: #fff;position: relative;}
    .delivery_schedule_lyr .lyr_cont .datepicker-days .table-condensed tbody tr td.today::before{content: "";display: block;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 40px;height: 40px;border-radius: 50%;background: #816c5b;z-index: -1;}
}

.picker-switch.accordion-toggle { height: 0px; visibility: hidden; }